<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="Name" width="180" />
    
  </el-table>
</template>

<script lang="ts" setup>
import {onMounted,ref} from 'vue'
import http from "../../http";
const tableData = ref([])

const getrlist=()=>{
    http.get('roles/').then(res=>{
        tableData.value = res.data.list
    })
}

onMounted(()=>{
    getrlist()
})
</script>
